react-music

8월 29, 2016 本文总阅读量次

⊂\_ヽ   
＼＼ Λ＿Λ   
＼( 'ㅅ' ) 두둠칫   
\> ⌒ヽ   
/ へ＼   
/ / ＼＼   
ﾚ ノ ヽ\_つ   
/ /두둠칫   
/ /|   
( (ヽ   
| |、＼   
| 丿 ＼ ⌒)   
| | ) /   
\`ノ ) Lﾉ

역시 코드 wrap 으로 보니 그나마 제대로 보이는군요.

오늘은 react-music 이 깃헙 대세 프로젝트입니다.

2016/08/29 Editor’s choice

제가 오늘 이 프로젝트를 알게 된 것은 Dan Abramov의 트윗 때문이었습니다.

따라 따라 들어가 보니 react-music이라는 프로젝트를 formidable labs 에서 내 놓았습니다.

repository clone -> npm install -> npm start

$git clone [https://github.com/FormidableLabs/react-music.git][anchor3]

$npm install

$npm start

음악이 들리는 거 같죠?

실행을 시키면 위의 그림과 같이 그래프가 움직이면서 음악이 나옵니다.

Dan의 샘플러 소스는 다음과 같습니다.

audio-contour라는 프로젝트가 핵심 프로젝트입니다.

danigb/audio-contour
_audio-contour - A 5 stage audio envelope generator_github.com

demo.js를 잘 살펴보면

악기를 wav파일로 지정해 두고 음악을 연주할 수 있도록 하는 형태입니다.

조만간 react-midi가 나오겠네요~

Exported from Medium on May 31, 2017.